@charset "UTF-8";

.product-cate-list {
    margin: 0 -20px;
    font-size: 0;
    padding-bottom: 45px;
}
.product-cate-list li {
    display: inline-block;
    padding: 0 20px;
    width: 33.3333%;
    /*-webkit-transform: translateY(30px);*/
    /*-ms-transform: translateY(30px);*/
    /*-o-transform: translateY(30px);*/
    /*transform: translateY(30px);*/
    /*opacity: 0;*/
    -webkit-transition: .8s;
    -o-transition: .8s;
    transition: .8s;
}
.header .nav-list>li.hov .product-cate-list li {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    /*opacity: 1;*/
}
.product-cate-list li .box {
    padding-top: 70px;
    padding-bottom: 35px;
    background: #fff;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.product-cate-list li .box:hover {
    -webkit-box-shadow:0 15px 30px rgba(0,0,0,0.2);
    box-shadow:0 15px 30px rgba(0,0,0,0.2);
    -webkit-transform:translate3d(0, -2px, 0);
    transform:translate3d(0, -2px, 0)
}
.product-cate-list li .box h5 {
    font-size: 18px;
    color: #333;
}
.product-cate-list li .box p {
    font-size: 16px;
    color: #666;
    line-height: 1.5;
    margin-top: 5px;
}
.product-cate-list li .box .pic {
    margin-top: 15px;
}

.header .nav-list>li.li-5 {
    position: relative;
}
/*二级导航*/
.tnavbox{position:absolute;width:122px;left:50%;margin-left:-61px;top:80%;height:0;padding-top:17px;/* display:none;*/ text-align: center;z-index: 2;}
.tnav{ background:#fff; box-shadow:0 0 16px -4px rgba(0,0,0,.3); padding:20px 0 18px; transform:translateY(20px); -webkit-transform:translateY(20px); opacity:0; visibility:hidden; transition:.5s; -webkit-transition:.5s; }
.tnav a{ display:block; color:#666; line-height:35px; border-bottom: 1px solid transparent;transition:.3s; -webkit-transition:.3s; font-size: 14px;}
.tnavbox .line{ z-index:9; width:20px; height:4px; position:absolute; left:50%; margin-left:-10px; top:17px; background:#3890ff; transform:translateY(20px); -webkit-transform:translateY(20px); opacity:0; visibility:hidden; transition:.5s; -webkit-transition:.5s; 
}
.tnav a:hover,.tnav a.on{ background:#3890ff; color:#fff;}
.header .nav-list>li:hover .tnavbox {
    height:100px;
}
.header .nav-list>li:hover .tnavbox .tnav,
.header .nav-list>li:hover .tnavbox .line{ transform:translate(0); -webkit-transform:translate(0); opacity:1; visibility:visible; }


/*小屏幕导航*/
.menu-handler {
    width: 66px;
    right: 0;
    top: 0;
    height: 54px;
    display: none;
    cursor: pointer;
    /*background-color: #1a4c3a;*/
    position: absolute;
}

.menu-handler span {
    position: relative;
    display: block;
    margin: 26px auto 0;
    width: 22px;
    height: 2px;
    -webkit-transition-duration: .3s, .3s;
    -moz-transition-duration: .3s, .3s;
    -ms-transition-duration: .3s, .3s;
    -o-transition-duration: .3s, .3s;
    transition-duration: .3s, .3s;
    -webkit-transition-delay: .3s, 0s;
    -moz-transition-delay: .3s, 0s;
    -ms-transition-delay: .3s, 0s;
    -o-transition-delay: .3s, 0s;
    transition-delay: .3s, 0s;
}

.menu-handler span:after, .menu-handler span:before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 2px;
    left: 0;
    background-color: #3890ff;
    -webkit-transition-duration: .3s, .3s;
    -moz-transition-duration: .3s, .3s;
    -ms-transition-duration: .3s, .3s;
    -o-transition-duration: .3s, .3s;
    transition-duration: .3s, .3s;
    -webkit-transition-delay: .3s, 0s;
    -moz-transition-delay: .3s, 0s;
    -ms-transition-delay: .3s, 0s;
    -o-transition-delay: .3s, 0s;
    transition-delay: .3s, 0s
}

.menu-handler span:before {
    top: -6px;
    -webkit-transition-property: top, transform;
    -moz-transition-property: top, transform;
    -ms-transition-property: top, transform;
    -o-transition-property: top, transform;
    transition-property: top, transform;
}

.menu-handler span:after {
    bottom: -6px;
    -webkit-transition-property: bottom, transform;
    -moz-transition-property: bottom, transform;
    -ms-transition-property: bottom, transform;
    -o-transition-property: bottom, transform;
    transition-property: bottom, transform;
}

.menu-handler.active span {
    background-color: transparent;
    -webkit-transition-delay: 0s, 0s;
    -moz-transition-delay: 0s, 0s;
    -ms-transition-delay: 0s, 0s;
    -o-transition-delay: 0s, 0s;
    transition-delay: 0s, 0s
}

.menu-handler.active span:after, .menu-handler.active span:before {
    -webkit-transition-delay: 0s, .3s;
    -moz-transition-delay: 0s, .3s;
    -ms-transition-delay: 0s, .3s;
    -o-transition-delay: 0s, .3s;
    transition-delay: 0s, .3s
}

.menu-handler.active span:before {
    top: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.menu-handler.active span:after {
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.menuBox a:link, .menuBox a:visited {
    color: #fff;
}

.menuBox a:active, .menuBox a:hover {
    color: #fff;
}

.menuBox {
    background-color: #868686;
    color: #fff;
    position: fixed;
    display: none;
    right: 0px;
    top: 0px;
    height: 100%;
    height: 100vh;
    overflow-x: hidden;
    overflow-y: auto;
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-overflow-scrolling: touch;
    width: 400px;
    z-index: 980;
    -webkit-transition: all .5s cubic-bezier(.25, .46, .45, .94);
    -moz-transition: all .5s cubic-bezier(.25, .46, .45, .94);
    -ms-transition: all .5s cubic-bezier(.25, .46, .45, .94);
    -o-transition: all .5s cubic-bezier(.25, .46, .45, .94);
    transition: all .5s cubic-bezier(.25, .46, .45, .94);
}

.menuMoblie {
    padding: 80px 0px 100px;
}

.menuMoblie .nav-link {
    display: block;
    font-size: 16px;
    padding: 12px 12%;
    position: relative;
}

.menuMoblie .nav-link.cur {
    background-color: #3f99fe;
}

.menuMoblie .subnav {
    background-color: #cbc2b9;
    padding: 10px 0px;
    display: none;
}

.menuMoblie .subnav a {
    position: relative;
    display: block;
    padding: 12px 12%;
    line-height: 1.4;
}

.pusher-black {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 900;
    visibility: hidden;
    overflow: hidden;
    filter: alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: all .2s cubic-bezier(.02, .01, .47, 1) 0s;
    -moz-transition: all .2s cubic-bezier(.02, .01, .47, 1) 0s;
    -ms-transition: all .2s cubic-bezier(.02, .01, .47, 1) 0s;
    -o-transition: all .2s cubic-bezier(.02, .01, .47, 1) 0s;
    transition: all .2s cubic-bezier(.02, .01, .47, 1) 0s;
}

.menuOpen .pusher-black {
    visibility: visible;
    filter: alpha(enabled=false);    /* opacity:1; */
}

.menuOpen .menuBox {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.pusher {
    transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}

.menuOpen .pusher {

    /* transform: translateX(-26%); */
    -webkit-transform: translateX(-26%);    /* transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; */

    /* -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; */
}

/*首页*/
.index-title {
    padding-top: 60px;
    padding-bottom: 50px;
    text-align: center;
}
.index-title.pbig {
    padding-top: 70px;
}
.index-title h3 {
    font-size: 30px;
    color: #333;
    line-height: 1;
}
.index-title h4 {
    margin-top: 15px;
    font-size: 16px;
    color: #666;
}

.index-product {
    padding-bottom: 100px;
    background: url(../images/index-product-bg.png) no-repeat center;
    background-size: cover;
}
.index-product .product-list {
    margin-left: -7.5px;
    margin-right: -7.5px;
}
.index-product .product-list >li {
    padding: 0 7.5px;
    margin-bottom: 0;
}
.product-list >li .box {
    background: #fff;
    position: relative;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;    
}
.product-list >li .box:hover {
    -webkit-box-shadow:0 15px 30px rgba(0,0,0,0.2);
    box-shadow:0 15px 30px rgba(0,0,0,0.2);
    -webkit-transform:translate3d(0, -2px, 0);
    transform:translate3d(0, -2px, 0)
}
.product-list >li .box .pic {
    float: left;
    width: 50%;
    padding: 30px 20px;
    text-align: center;
}
.product-list >li .box .cont {
    position: absolute;
    top: 0;
    left: 50%;
    height: 100%;
    overflow: hidden;
    padding: 0 40px;
} 
.product-list >li .box .cont h5 {
    font-size: 30px;
    color: #333;
    line-height: 1;
}
.product-list >li .box .cont .des {
    margin-top: 16px;
    color: #666;
}
.product-list >li .box .cont .icon-more {
    margin-top: 25px;
    width: 26px;
    height: 26px;
    background: url(../images/icon-more.png) no-repeat center;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.product-list >li .box:hover .cont .icon-more {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
    background: url(../images/icon-more-on.png) no-repeat center;
}

.index-smart {
    position: relative;
    height: 750px;
    text-align: center;
    padding-top: 96px;
}
.index-smart .scale {
    position: absolute;
    left: 50%;
    top: 245px;
    margin-left: 312px;
    width: 149px;
    height: 149px;
    background: url(../images/icon-smart-circle.png) no-repeat center;
    -webkit-animation: sh-ripple 2s ease infinite;
    animation: sh-ripple 2s ease infinite;
}
/*动画——雷达放大*/
@-webkit-keyframes sh-ripple {
    0% {
    -webkit-transform:scale(0);
    transform:scale(0)
}
50% {
    opacity:1;
    filter:alpha(opacity=100)\9
}
100% {
    -webkit-transform:scale(1);
    transform:scale(1);
    opacity:0;
    filter:alpha(opacity=0)\9
}
}
@keyframes sh-ripple {
    0% {
    -webkit-transform:scale(0);
    transform:scale(0)
}
50% {
    opacity:1;
    filter:alpha(opacity=100)\9
}
100% {
    -webkit-transform:scale(1);
    transform:scale(1);
    opacity:0;
    filter:alpha(opacity=0)\9
}
}
.index-smart h3 {
    font-size: 36px;
    color: #333;
    line-height: 48px;
}
.index-smart .des {
    margin-top: 25px;
    font-size: 16px;
    color: #666;
}
.index-smart ul {
    margin-top: 40px;
}
.index-smart ul li {
    display: inline-block;
    margin: 0 42px;
}
.index-smart ul li .pic {
    display: inline-block;
    position: relative;
    width: 44px;
    height: 44px;
}
.index-smart ul li .pic:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.index-smart ul li .pic-1:before {
    background: url(../images/icon-smart-1-on.png) no-repeat center;
}
.index-smart ul li .pic-2:before {
    background: url(../images/icon-smart-2-on.png) no-repeat center;
}
.index-smart ul li .pic-3:before {
    background: url(../images/icon-smart-3-on.png) no-repeat center;
}
.index-smart ul li .pic-4:before {
    background: url(../images/icon-smart-4-on.png) no-repeat center;
}
.index-smart ul li:hover .pic:before {
    opacity: 1;
}

.index-about-content {
    padding-top: 125px;
    height: 590px;
    text-align: center;
}
.index-about-content h4 {
    font-size: 22px;
    color: #fff;
    margin-bottom: 20px;
}
.index-about-content p {
    color: #fff;
}
.index-about-content .more {
    position: relative;
    margin-top: 77px;
    display: inline-block;
    width: 26px;
    height: 26px;
    background: url(../images/icon-about-more.png) no-repeat;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.index-about-content .more:hover {
    background: url(../images/icon-more-on.png) no-repeat center;
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}
.index-news {
    padding-bottom: 65px;
    background: url(../images/index-news-bg.jpg) no-repeat center bottom;
}


/*新闻*/
.news-list {
    margin-left: -15px;
    margin-right: -15px;
}
.news-list li {
    padding: 0 15px;
}
.news-list li .box {
    position: relative;
}
.news-list li .tit-cate {
    padding-top: 20px;

}
.news-list li .tit-cate h4 {
    display: inline-block;
    font-size: 18px;
    color: #333333;
    font-weight: bold;
}
.news-list li .tit-cate .more {
    float: right;
    font-size: 12px;
    color: #666;
}
.news-list li .tit-cate .more:hover {
    color: #3994ff;
}
.news-list li .box {
    overflow: hidden;
}
.news-list li .box:after {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #a6a6a6;
    position: absolute;
    left: 0;
    top: 0;
}
.news-list li .box:before {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #1890ff;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    transform-origin: 100%;
    -webkit-transform-origin: 100%;
    -webkit-transition: -webkit-transform .8s cubic-bezier(.4, 0, .2, 1);
    transition: transform .8s cubic-bezier(.4, 0, .2, 1);
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
    visibility: hidden\9;
}
.news-list li .box:hover:before {
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    transform-origin: 0;
    -webkit-transform-origin: 0;
    visibility: visible\9;
}
.news-list li .box .pic img {
    width: 100%;
}
.news-list li .box .tit {
    font-size: 16px;
    color: #333;
    margin-top: 35px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.news-list li .box:hover .tit {
    color: #3994ff;
}
.news-list li .box .des {
    color: #999;
    margin-top: 6px;
}
.news-list li .box .pic {
    margin-top: 30px;
    overflow: hidden;
}
.news-list li .box .pic img {
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.news-list li .box:hover .pic img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}
.news-list li .box .other {
    margin-top: 30px;
    line-height: 28px;
    font-size: 16px;
    color: #c8c8c8;
}
.news-list li .box .other .more {
    position: relative;
    float: right;
    font-size: 12px;
    color: #666;
    padding-right: 15px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    -webkit-transform: translateX(15px);
    -ms-transform: translateX(15px);
    -o-transform: translateX(15px);
    transform: translateX(15px);
}
.news-list li .box .other .more:before {
    content: "+";
    position: absolute;
    right: 0;
    top: -1px;
}
.news-list li .box:hover .other .more {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    color: #3890ff;
}
.listpage-news {
    padding-top: 60px;
}
.listpage-news .news-list li {
    margin-bottom: 40px;
}

.clear{clear:both;}
.fl{float: left;}
.fr{float: right;}


/*产品里列表*/
.product-cate {
    padding: 70px;
    padding-bottom: 60px;
    text-align: center;
}
.product-cate a {
    font-size: 18px;
    margin: 0 30px;
}
.product-cate a.on {
    font-weight: bold;
    color: #333;
}
.product-cate a:hover {
    color: #333;
}
.product-showbox {
    margin-bottom: 26px;
    overflow: hidden;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.product-showbox:hover {
    -webkit-box-shadow:0 0 30px rgba(0,0,0,0.2);
    box-shadow:0 0 30px rgba(0,0,0,0.2);
}
.product-showbox img {
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.product-showbox:hover img {
    opacity: .9;
}
.listpage-product .product-list {
    margin-left: -13px;
    margin-right: -13px;
    margin-bottom: -23px;
}
.listpage-product .product-list li {
    padding: 0 13px;
    margin-bottom: 23px;
}
.listpage-product .product-list >li .box .pic {
    padding: 20px 0;
    width: 53.5%;
    text-align: center;
}
.listpage-product .product-list >li .box .cont {
    left: 50%;
}

/*内页banner*/
.page-banner {
    position: relative;
    overflow: hidden;
}

.page-banner .pb-pic {
    overflow: hidden;
}

.page-banner .pb-pic img {
    width: 100%;
    -webkit-animation: SlickIn cubic-bezier(1, 0, .5, .5) 1s;
    animation: SlickIn cubic-bezier(1, 0, .5, .5) 1s;
}

@-webkit-keyframes SlickIn {
    0% {
        -webkit-transform: scale(1.1, 1.1)
    }
    100% {
        -webkit-transform: scale(1, 1)
    }
}

@-webkit-keyframes SlickOut {
    0% {
        -webkit-transform: scale(1, 1)
    }
    100% {
        -webkit-transform: scale(.9, .9)
    }
}

@keyframes SlickIn {
    0% {
        transform: scale(1.1, 1.1)
    }
    100% {
        transform: scale(1, 1)
    }
}

@keyframes SlickOut {
    0% {
        transform: scale(1, 1)
    }
    100% {
        transform: scale(.9, .9)
    }
}

.page-banner .pb-tit {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 2;
    margin-top: -52px;
    width: 100%;
    font-size: 42px;
    text-align: center;
}

.page-banner .pb-tit span {
    display: block;
    color: #fff;
    line-height: 1;
    font-weight: 300;
    font-size: 20px;
}

.page-banner .pb-tit .en {
    margin-top: 8px;
    font-size: 36px;
    font-weight: bold;
    font-family: "Arial Black";
    text-transform: uppercase;
}

@media (max-width: 1440px) {
    .page-banner .pb-tit {
        font-size: 36px;
    }
}


/*分类*/
.page-cate {
    height: 85px;
    line-height: 85px;
    text-align: center;
    background: #fff;
    font-size: 0;
}
.page-cate a {
    position: relative;
    display: inline-block;
    font-size: 16px;
    padding: 0 10px;
    margin: 0 50px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.page-cate a.on,
.page-cate a:hover {
    color: #333;
}
.page-cate a.on {
    font-weight: bold;
}
.page-cate a ~ a:before {
    content: "";
    position: absolute;
    left: -50px;
    top: 50%;
    margin-top: -9px;
    height: 18px;
    border-left: 1px solid #ebebeb;
}
.news-cate {
    margin-top: 60px;
    /*background: transparent;*/
}



/*关于*/
.about-intro {
    position: relative;
    padding-top: 150px;
    height: 914px;
}
.about-intro h4 {
    font-size: 18px;
}
.about-intro h3 {
    font-size: 36px;
    color: #333;
    line-height: 1;
    margin-top: 5px;
}
.about-intro .des {
    margin-top: 65px;
    line-height: 30px;
    width: 50%;
    padding-right: 80px;
}
.about-intro hr {
    width: 106px;
    margin: 30px 0;
}
.about-intro .num-scroll-content {
    position: absolute;
    left: 0;
    bottom: 110px;
    width: 100%;
    margin-left: -60px;
    margin-right: -60px;
}
.about-intro .num-scroll-content .num-scroll-two {
    padding: 0;
    margin: 0 auto;
}
.about-intro .num-scroll-content .num-scroll-two li {
    position: relative;
    color: #666;
}
.about-intro .num-scroll-content .num-scroll-two li .num {
    color: #333;
}
.about-intro .num-scroll-content .num-scroll-two li ~ li:before {
    content: "";
    position: absolute;
    left: -20%;
    top: 48%;
    width: 100px;
    border-bottom: 1px solid #dddddd;
}
.about-intro .num-scroll-content .num-scroll-two li:nth-child(2):before {
    left: -10%;
}
.about-intro .num-scroll-content .num-scroll-two li:last-child:before {
    left: -15%;
}


.about-chanye {
    position: relative;
    padding-top: 120px;
    height: 800px;
    text-align: center;
    overflow: hidden;
}
.bg-pic {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.about-chanye .bg-pic {
    height: 905px;
    /*-webkit-animation: pulse 20s 0s ease both infinite;*/
    /*-moz-animation: pulse 20s 0s ease both infinite;*/
    /*animation: pulse 20s 0s ease both infinite;*/
}
/*呼吸效果*/
@-webkit-keyframes pulse {
    from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
}
to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
    from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
}
to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
}
.about-chanye h3 {
    position: relative;
    font-size: 36px;
    color: #fff;
    line-height: 48px;
}
.about-chanye .chanye-list {
    position: relative;
    margin-top: 300px;
    text-align: center;
    font-size: 0;
}
.about-chanye .chanye-list li {
    display: inline-block;
    width: 70px;
    height: 70px;
    line-height: 1.2;
    color: #fff;
    font-size: 16px;
    border: 1px solid #fff;
    padding-top: 15px;
    border-radius: 50%;
    margin: 0 65px;
}
.about-chanye .chanye-zx {
    position: relative;
    margin-top: 180px;
}
.about-chanye .chanye-zx a {
    margin: 0 13px;
}
.com-btn {
    display: inline-block;
    width: 143px;
    line-height: 40px;
    border: 1px solid #484851;
    text-align: center;
    color: #fff!important;
    font-size: 14px;
}
.com-btn.colorful {
    background: #378fff;
    border-color: #378fff;
}



.about-culture {
    padding-bottom: 130px;
    background: #fff;
}
.culture-list,
.honor-list {
    margin-left: -10px;
    margin-right: -10px;
}
.culture-list li,
.honor-list li {
    padding: 0 10px;
}
.culture-list li .box {
    position: relative;
    background: #fff;
    overflow: hidden;
}
.culture-list li .box .cont {
    position: absolute;
    left: 30px;
    bottom: 50px;
}
.culture-list li .box .cont h5 {
    font-size: 24px;
    color: #fff;
    line-height: 28px;
}
.culture-list li .box .cont h5 span {
    display: block;
    font-family: "Arial Black";
    font-weight: bold;
    text-transform: uppercase;
}
.culture-list li .box .cont p {
    margin-top: 30px;
    color: #fff;
}
.culture-list li .box img {
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.culture-list li .box:hover img {
    opacity: .9;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.honor-list li {

}
.honor-list li .box {
    background: #fff;
    text-align: center;
    padding: 35px 0;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.honor-list li .box h5 {
    margin-top: 10px;
    font-size: 16px;
    color: #666;
}
.honor-list li .box:hover {
    -webkit-box-shadow:0 15px 30px rgba(0,0,0,0.2);
    box-shadow:0 15px 30px rgba(0,0,0,0.2);
    -webkit-transform:translate3d(0, -2px, 0);
    transform:translate3d(0, -2px, 0)
}


/*服务*/
.service-intro {
    position: relative;
    margin: -82px auto 0;
    background: #fff;
    padding: 100px 75px;
    box-shadow: 0 10px 20px rgba(0,0,0,0.05); 
}
.service-intro .tit-cont {
    font-size: 36px;
    color: #333;
    margin-right: 140px;
}
.service-intro .tit-cont span {
    display: block;
    font-size: 24px;
    font-weight: bold;
    font-family: "Arial Black";
    text-transform: uppercase;
    line-height: 1.2;
}
.service-intro .name {
    position: absolute;
    right: 75px;
    bottom: 50px;
    font-size: 16px;
    color: #333;
}
.service-intro .name:before {
    content: "";
    position: absolute;
    left: -75px;
    top: 50%;
    width: 57px;
    border-bottom: 1px solid #e3e3e3;
}
.service-intro .cont {
    overflow: hidden;
}
.service-intro .cont p:first-child {
    margin-bottom: 20px;
    font-size: 16px;
    color: #333;
}
.service-intro .cont p ~ p {
    text-indent: 2em;
    font-size: 15px;
    line-height: 35px;
}
.service-list {
    padding-bottom: 60px;
    margin-left: -15px;
    margin-right: -15px;
}
.service-list li {
    padding: 0 15px;
    margin-bottom: 30px;
}
.service-list li .box {
    background: #efefef;
    height: 245px;
    padding: 0 100px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.service-list li .box:hover {
    background: #f5f5f5;
}
.service-list li .box .pic {
    text-align: center;
    float: left;
    height: 245px;
    line-height: 245px;
    font-size: 0;
}
.service-list li .box .cont {
    overflow: hidden;
    padding-top: 70px;
    padding-left: 65px;
}
.service-list li .box .cont h5 {
    font-size: 24px;
    color: #333333;
}
.service-list li .box .cont p {
    font-size: 16px;
    margin-top: 5px;
}

.app-download {
    position: relative;
    height: 877px;
}
.app-download .w1400 {
    position: relative;
    height: 100%;
}
.app-download .cont {
    padding-left: 70px;
    padding-top: 220px;
}
.app-download h3 {
    font-size: 36px;
    color: #fff;
}
.app-download p {
    margin-top: 50px;
    font-size: 36px;
    color: #fff;
}
.app-download ul {
    margin-top: 22px;
    color: #fff;
    width: 390px;
}
.app-download ul li {
    float: left;
    margin-top: 5px;
    padding-left: 22px;
    margin-right: 30px;
    background: url(../images/icon-app-des.png) no-repeat left center;
}
.app-download .download-content {
    padding-top: 105px;
}
.app-download .download-content a {
    display: inline-block;
    width: 212px;
    line-height: 60px;
    color: #fff;
    background: #000;
    font-size: 16px;
    margin-right: 25px;
    text-align: center;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.app-download .download-content a:hover {
    box-shadow: 0 5px 10px rgba(0,0,0,0.2);
}
.app-download .download-content a.blue {
    background: #3890ff;
}
.app-download .download-content a i {
    margin-right: 10px;
    vertical-align: middle;
    position: relative;
    top: -2px;
}
.app-download .download-content a .icon-ios {
    width: 24px;
    height: 28px;
    background: url(../images/icon-app-ios.png) no-repeat center;
}
.app-download .download-content a .icon-az {
    width: 26px;
    height: 28px;
    background: url(../images/icon-app-az.png) no-repeat center;
}
.app-download .pic {
    position: absolute;
    left: 50%;
    top: 120px;
    margin-left: 120px;
}

.video-list {
    margin-left: -13px;
    margin-right: -13px;
}
.video-list li {
    padding: 0 13px;
    margin-bottom: 0;
    text-align: center;
}
.video-list li .pic {
    position: relative;
    overflow: hidden;
}
.video-list li .pic:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/icon-video.png) no-repeat center;
    z-index: 2;
}
.video-list li .pic img {
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.video-list li .box:hover .pic img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}
.video-list li h5 {
    padding: 30px 0;
    font-size: 16px;
    color: #666;
    line-height: 1;
}
.service-other {
    margin-top: 30px;
    padding-top: 80px;
    padding-bottom: 80px;
    border-top: 8px solid #eeeeee;
}
.service-other-content {
    margin-left: -15px;
    margin-right: -15px;
}
.service-other-content .item {
    padding: 0 15px;
}
.service-other-content .item h3 {
    font-size: 24px;
    color: #333;
}
.faq-content {
    padding: 50px 30px 60px 60px;
    background: #f4f4f4;
    height: 559px;
}
.faq-content .cont {
    padding-top: 30px;
}
.bmt-faq-list .subitem {
    padding: 30px 0 25px;
}
.bmt-faq-list .subitem ~ .subitem {
    border-top: 1px solid #e0e0e0;
}
.bmt-faq-list .subitem h5,
.bmt-faq-list .subitem .des {
    position: relative;
    padding-left: 36px;
}
.bmt-faq-list .subitem h5:before,
.bmt-faq-list .subitem .des:before {
    content: "A";
    position: absolute;
    left: 0;
    top: 3px;
    width: 18px;
    height: 18px;
    background: #3890ff;
    color: #fff;
    text-align: center;
    line-height: 18px;
}
.bmt-faq-list .subitem .des:before {
    content: "Q";
    background: #666666;
}
.bmt-faq-list .subitem h5 a {
    position: relative;
    font-size: 16px;
    color: #333;
}
.bmt-faq-list .subitem h5 a:hover {
    color: #3890ff;
}
.bmt-faq-list .subitem p {
    position: relative;
    margin-top: 10px;
    color: #999;
    padding-left: 36px;
}
.message-content {
    padding-top: 45px;
}
.form-list {
    margin-left: -13px;
    margin-right: -13px;
}
.form-list li {
    padding: 0 13px;
}
.form-list li input,
.form-list li textarea {
    width: 100%;
    line-height: 58px;
    height: 58px;
    border: 1px solid #dfdfdf;
    padding: 0 30px;
}
.form-list li textarea {
    line-height: 24px;
    height: 180px;
    padding: 10px 30px;
} 
.message-content .sub {
    margin-top: 20px;
    width: 145px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    background: #1890ff;
    cursor: pointer;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.message-content .sub:hover {
    opacity: .9;
}
.message-content h3 {
    margin-bottom: 25px;
}

.contact-tit {
    padding-top: 90px;
    padding-bottom: 55px;
    font-size: 30px;
    color: #333;
    text-align: center;
}
.contact-content {
    background: #fff;
    text-align: center;
    position: relative;
    padding-top: 125px;
    padding-bottom: 100px;
    z-index: 2;
}
.contact-content h4 {
    font-size: 16px;
}
.contact-content .tel {
    font-size: 36px;
    color: #1890ff;
    line-height: 1;
    margin-top: 10px;
}
.contact-content .address {
    font-size: 16px;
    line-height: 30px;
    margin-top: 55px;
}
.contact-list {
    margin-top: 95px;
}
.contact-list li {
    position: relative;
    float: left;
    width: 33.3333%;
    padding-top: 15px;
}
.contact-list li:last-child {
    padding-top: 0;
}
.contact-list li ~ li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 200px;
    
    border-left: 1px solid #e4e4e4;
}
.contact-list li h5 {
    font-size: 18px;
    margin-top: 36px;
}
.contact-list li p {
    font-size: 24px;
    color: #333;
    margin-top: 8px;
}
.contact-list li p a {
    color: #333;
}
.contact-list li p a:hover {
    color: #1890ff;
}
.contact-list li .des {
    display: inline-block;
    text-align: left;
    font-size: 18px;
    color: #333;
    line-height: 24px;
    margin-top: 10px;
}

/*通栏标题*/
.com-bar {
    position: absolute;
    left: 0;
    z-index: 100;
    width: 100%;
    line-height: 56px;
    background: #f5f5f5;
    font-size: 16px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.com-bar.fixed {
    position: fixed;
    top: 0;
}
.com-bar .tit-list a i {
    vertical-align: top;
    position: relative;
}
.com-bar .tit-list li {
    position: relative;
    float: left;
    margin-left: 25px;
    cursor: pointer;
}
.com-bar .tit-list li:before {
    content: "";
    width: 100%;
    height: 3px;
    background-color: #1890ff;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    transform-origin: 100%;
    -webkit-transform-origin: 100%;
    -webkit-transition: -webkit-transform .4s cubic-bezier(.4, 0, .2, 1);
    transition: transform .4s cubic-bezier(.4, 0, .2, 1);
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
    visibility: hidden\9;
}
.com-bar .tit-list li:hover:before,
.com-bar .tit-list li.on:before {
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    transform-origin: 0;
    -webkit-transform-origin: 0;
    visibility: visible\9;
}
.com-bar .tit-list li.on {
    color: #1890ff;
}



/*全产业链*/
.section-industry {
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
}
.industry-one {
    padding-top: 180px;
    height: 833px;
}
.section-industry .cont-center {
    text-align: center;
}
.industry-one .cont-center {
    padding: 60px 90px 0;
    width: 687px;
    height: 346px;
    background: #fff;
    margin: 0 auto 0;
}
.section-industry .cont-center .more {
    display: inline-block;
    margin-top: 35px;
    font-size: 16px;
    color: #1890ff;
    border-bottom: 1px solid #b5cefd;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.section-industry .cont-center .more:hover {
    border-color: #1890ff;
}
.section-industry .cont .tit {
    line-height: 1;
    font-size: 36px;
}
.section-industry .cont .subtit {
    line-height: 1;
    margin-top: 12px;
    font-size: 18px;
}
.section-industry .cont .des {
    line-height: 30px;
    margin-top: 25px;
    font-size: 16px;
}

.section-industry .cont.white .tit,
.section-industry .cont.white .subtit {
    color: #fff;
}
.section-industry .cont.white .des {
    color: #dadada;
}

.industry-two,
.industry-three,
.industry-four,
.industry-five {
    height: 850px;
}
.kaimo-list {
    margin-top: 65px;
}
.kaimo-list li {
    float: left;
    width: 102px;
    height: 78px;
    border: 1px solid #b6b6b6;
    border-radius: 3px;
    text-align: center;
    padding-top: 14px;
}
.kaimo-list li ~ li {
    margin-left: 80px;
}
.section-industry .cont-right {
    position: absolute;
    left: 50%;
    top: 0;
    height: 100%;
    width: 700px;
    padding-left: 174px;
    padding-right: 50px;
}
.section-industry .cont-left {
    position: absolute;
    right: 50%;
    top: 0;
    height: 100%;
    width: 700px;
    padding-right: 220px;
}
.industry-three {
    padding-top: 110px;
}
.com-des-list {
    margin-top: 45px;
}
.com-des-list li {
    float: left;
    text-align: center;
}
.section-industry .white .com-des-list li {
    color: #fff;
}
.com-des-list li ~ li {
    margin-left: 75px;
}
.com-des-list li .minipic {
    margin-bottom: 5px;
}

.tech-one {
    padding-top: 250px;
    height: 663px;
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
}
.tech-one .des {
    margin-top: 35px;
    line-height: 30px;
}
.tech-two {
    padding: 115px 0;
}
.tech-two .col {
    margin-left: -27px;
    margin-right: -27px;
}
.tech-two .col .item {
    padding: 0 27px;
}
.tech-two .item-pic .pic {
    position: relative;
    overflow: hidden;
}
.tech-two .item-pic .cont {
    position: absolute;
    left: 0;
    bottom: 60px;
    padding: 0 80px;
}
.tech-two .item-pic .cont h4 {
    color: #fff;
    font-size: 30px;
}
.tech-two .item-pic .cont p {
    margin-top: 10px;
    color: #fff;
    font-size: 16px;
}
.tech-two .item-pic .cont-en {
    margin-top: 50px;
    font-size: 12px;
    color: #bcbcbc;
}
.tech-two .right h3 {
    font-size: 36px;
    color: #333;
    padding: 50px 50px 0 50px;
}
.tech-two .right .des {
    padding: 10px 70px 70px 50px;
    font-size: 16px;
}

.tech-three {
    height: 742px;
}
.tech-three .cont {
    top: 200px;
    padding-left: 35px;
}

.tech-four .pic {
    position: relative;
    top: -118px;
}
.tech-four .cont {
    overflow: hidden;
    padding-right: 140px;
    padding-left: 154px;
    padding-top: 165px;
}

/*产品详情*/
.show_product_r{padding-top: 20px; background: url(../images/tongyong_bg.jpg) no-repeat center; background-size: 100% 100%;}
.project-left-box{ width: 45%; padding-top: 50px; }
.com-slider {position:relative;width: 100%;}
.com-slider .bd li{ text-align: center; }
.com-slider .bd li img{ width: auto; }
.com-slider .hd {margin-top:50px;padding-bottom:50px;text-align:center;}
.com-slider .hd ul li {display:inline-block;margin:0 8px;width:12px;height:12px;background-color:#999;border-radius:50%;text-indent:-9999px;cursor:pointer;}
.com-slider .hd.hd2 {
    text-align: center;
        margin-top: 40px;
        padding-bottom: 40px;
}
.com-slider .hd ul li.on {background-color:#3890ff;border-color:#3890ff;}
.com-slider .com-btn {position:absolute;top:50%;width:30px;height:50px;line-height:50px;text-align:center;margin-top:-25px;background:rgba(255,255,255,0.6);font-size:24px;font-family:serif,"å¾®è½¯é›…é»‘";-webkit-transition:.3s;-o-transition:.3s;transition:.3s;}
.com-slider .com-btn:hover {background:rgba(255,255,255,0.8);width:50px;}
.com-slider .com-btn.next {right:0;}
.com-block-list li {float:left;width:286px;height:368px;background:#fff;text-align:center;padding:65px 40px 0;-webkit-transition:.5s;-o-transition:.5s;transition:.5s;}
.com-block-list li:hover {-webkit-box-shadow:0 0 30px rgba(0,0,0,0.2);box-shadow:0 0 30px rgba(0,0,0,0.2);}
.com-block-list li ~ li {margin-left:18px;}
.com-block-list li .tit {margin-top:30px;margin-bottom:15px;font-size:16px;color:#bb3e46;}
.com-block-list li .des {line-height:1.75;}

.show_product_right{width: 50%;}
.show_product_right_top{ padding-top: 55px;}
.show_product_right_top h6{ font-size: 30px; color: #fff; display: inline-block; width: auto; /* background: url(../images/tongyong_sanjiao.png) no-repeat bottom center; */ padding-bottom: 30px;}
.show_product_right_top span{ font-size: 16px; color: #aaa; }
.show_product_right_con{padding-top: 20px;position: relative; padding-left: 50px; padding-bottom: 10px; background-color: #fff; display: none; height: 320px;  overflow-y: scroll;}
.show_product_right_con h6{ display: none; }
.show_product_right_con p{ padding: 0; line-height: 33px; font-size: 14px; color: #666; }
.show_product_right_con p strong{ padding-right: 10px;font-size: 16px;  display: inline-block; width: 85px; font-weight: lighter; }
.show_product_right_con p span{ color: #eee; display: inline-block; padding-left: 5px; background:none!important; }
.show_product_right_con p span em{ color: #999; }
.show_product_right_con p i{ display: inline-block; width: 50px; height: 20px; line-height: 18px; text-align: center; font-size: 14px; margin-left: 7px; margin-right: 5px; }
.show_product_right_con p i:nth-child(1){ background-color: #fff; color: #333;  }
.show_product_right_con p i:nth-child(2){ background-color: #e9af1b; color: #fff;  }
.show_product_right_con h6{ font-size: 20px; color: #333; padding-bottom: 20px; }
.yinxia{ padding-bottom: 10px; }
.show_product_right_con p span{ display: inline-block; width: 50px; height: 20px; padding-left: 0; line-height: 18px; text-align: center; font-size: 14px; margin-left: 7px; margin-right: 5px; }

/* .show_product_right_con p em:nth-child(1){ background-color: #fff; color: #333;  }
.show_product_right_con p em:nth-child(2){ background-color: #e9af1b; color: #fff;  } */
.show_product_right_bottom{ padding-top: 30px; }
.show_product_right_bottom a{ display: block; float: left;height: 50px; line-height: 50px; font-size: 16px; color: #fff; transition: 0.3s; margin-right: 10px;border-radius: 3px; }
.show_product_right_bottom a:nth-child(1){ padding-left: 70px; width: 170px; background:#3890ff url(../images/zaixian.png) no-repeat 25px 13px; }
.show_product_right_bottom a:nth-child(2){ padding-left: 70px; width: 170px; background:#e70057 url(../images/jd2.png) no-repeat 23px 13px;}
.show_product_right_bottom a:hover{background-color: #5699ec;}

.show_xxk li a{ display: block; padding: 0 40px; height: 40px; line-height: 40px; font-size: 16px; color: #666; background-color: #e6e6e6; margin-right: 5px; -webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;}
.show_xxk li{ float: left; }
.show_xxk li:hover a{ background-color: #989898; color: #fff;}
.show_xxk li.on a{ background-color: #fff; color: #333;}
.show_product_bottom{ width: 100%; padding-bottom:  80px; background-color: #e3e3e3; }
.show_product_bottom h3{ font-size: 36px; color: #333; padding-top: 60px; padding-bottom: 10px; text-align: center; line-height: 1; }
.show_product_bottom h4{ font-size: 30px; text-align: center; color: #333; padding-bottom: 50px;  }
.show_product_right_con::-webkit-scrollbar {
    height:11px;
    width:11px
}
.show_product_right_con::-webkit-scrollbar-button {
    height:0;
    width:0
}
.show_product_right_con::-webkit-scrollbar-button:start:decrement,.show_product_right_con::-webkit-scrollbar-button:end:increment {
    display:block
}
.show_product_right_con::-webkit-scrollbar-button:vertical:start:increment,.show_product_right_con::-webkit-scrollbar-button:vertical:end:decrement {
    display:none
}
.show_product_right_con::-webkit-scrollbar-track:vertical,.show_product_right_con::-webkit-scrollbar-track:horizontal,.show_product_right_con::-webkit-scrollbar-thumb:vertical,.show_product_right_con::-webkit-scrollbar-thumb:horizontal,.show_product_right_con::-webkit-scrollbar-track:vertical,.show_product_right_con::-webkit-scrollbar-track:horizontal,.show_product_right_con::-webkit-scrollbar-thumb:vertical,.show_product_right_con::-webkit-scrollbar-thumb:horizontal {
    border-style:solid;
    border-color:transparent
}
.show_product_right_con::-webkit-scrollbar-track:vertical.show_product_right_con::-webkit-scrollbar-track:horizontal{
    background-clip:padding-box;
    background-color:#fff;
}
.show_product_right_con::-webkit-scrollbar-thumb {
    -webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);
    background-clip:padding-box;
    background-color:rgba(0,0,0,.2);
    min-height:28px;
    padding-top:100;
}
.show_product_right_con::-webkit-scrollbar-thumb:hover {
    -webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,.25);
    background-color:rgba(0,0,0,.4)
}
.show_product_right_con::-webkit-scrollbar-thumb:active {
    -webkit-box-shadow:inset 1px 1px 3px rgba(0,0,0,.35);
    background-color:rgba(0,0,0,.5)
}
.show_product_right_con::-webkit-scrollbar-track:vertical,.show_product_right_con::-webkit-scrollbar-track:horizontal,.show_product_right_con::-webkit-scrollbar-thumb:vertical,.show_product_right_con::-webkit-scrollbar-thumb:horizontal {
    border-width:0;
}
.show_product_right_con::-webkit-scrollbar-track:hover {
    -webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,.1);
    background-color:rgba(0,0,0,.05)
}
.show_product_right_con::-webkit-scrollbar-track:active {
    -webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,.14),inset -1px -1px 0 rgba(0,0,0,.07);
    background-color:rgba(0,0,0,.05)
}

.mangseng_main1_con{ display: none; height: 596px; width: 100%; position: relative;}
.fangdao_xxk li i{ opacity: 0; }
.fangdao_xxk li.on i{ opacity: 1; }
.js6{ margin-bottom: 0px; margin-top: 50px; position: relative; width: 503px; height: 503px; line-height: 503px; text-align: center;}
.js6 img{ position: relative; z-index: 2; }
.manzi{ position: absolute; top: 0; left: 0; z-index: 1; width: 503px; height: 503px;  background: url(../images/mangseng_img18.png) no-repeat center; animation: spin 6s linear infinite; }
@keyframes spin {
    0% {
        transform:rotate(0deg);
    }
    100% {
        transform:rotate(-360deg);
    }
}

.js5{ margin-right: 0px; width: 696px; height: 308px; background: url(../images/mangseng_img24.png) no-repeat; text-align: center; line-height: 308px; }
.manzi4{ z-index: 1; width: 320px; height: 320px; position: absolute; top: 20px; left: 3px; background: url(../images/mangseng_img14.png) no-repeat center;
    -webkit-animation: sh-ripple 2s ease infinite;
    animation: sh-ripple 2s ease infinite; }
.js4{ width: 500px; height: 400px; padding-left: 100px; position: relative; margin-bottom: 45px;}
.js4 img{ padding-top: 118px; position: relative; z-index: 2; }
 @-webkit-keyframes sh-ripple{
    0%{-webkit-transform:scale(.6);transform:scale(.6)}
    50%{opacity:1;filter:alpha(opacity=100)\9}
    100%{-webkit-transform:scale(1);transform:scale(1);opacity:0;filter:alpha(opacity=0)\9}
}
@keyframes sh-ripple{
    0%{-webkit-transform:scale(.6);transform:scale(.6)}
    50%{opacity:1;filter:alpha(opacity=100)\9}
    100%{-webkit-transform:scale(1);transform:scale(1);opacity:0;filter:alpha(opacity=0)\9}
}
 
.js3{ width: 500px; height: 400px; padding-left: 100px; position: relative; margin-bottom: 45px;}
.js3 img{ padding-top: 118px; position: relative; z-index: 2; }
.manzi3{ z-index: 1; width: 320px; height: 320px; position: absolute; top: 6px; left: -12px; background: url(../images/mangseng_img23.png) no-repeat center;
    -webkit-animation: sh-ripple 2s ease infinite;
    animation: sh-ripple 2s ease infinite; }
.js2{ margin-bottom: 50px; position: relative; width: 394px; text-align: center; height: 394px; line-height: 394px;  }
.manzi2{ position: absolute; top: 0; left: 0; z-index: 1; width: 394px; height: 394px;  background: url(../images/mangseng_img12.png) no-repeat center; animation: spin 6s linear infinite; }




.beian{
    box-sizing: border-box;
    padding-left: 23px;
    background: url(../images/beian.png) no-repeat left top;
    margin-left: 10px;
}

/*.picScroll-left2 {width:1290px;position:relative;margin:0 auto;margin-left:-70px; padding-left: 60px;}*/
/*.picScroll-left2 .hd {width:1240px;text-align:center;overflow:hidden;height:10px;background:none;padding:0 10px;}*/
/*.picScroll-left2 .hd .prev,.picScroll-left2 .hd .next {display:inline-block;width:50px;height:50px;margin-right:5px;margin-top:10px;overflow:hidden;cursor:pointer;margin:30px 15px 0px 11px;}*/
/*.picScroll-left2 .hd .next3 {width:59px;height:59px;position:absolute;right:7px;top:140px;background:url(../images/honour-right.png) no-repeat;}*/
/*.picScroll-left2 .hd .prev3 {width:59px;height:59px;position:absolute;left:0px;top:140px;background:url(../images/honour-left.png) no-repeat;}*/
/*.picScroll-left2 .hd .prevStop {background-position:-60px 0;}*/
/*.picScroll-left2 .hd .nextStop {background-position:-60px -50px;}*/
/*.picScroll-left2 .hd ul {float:right;overflow:hidden;zoom:1;margin-top:10px;zoom:1;}*/
/*.picScroll-left2 .hd ul li {width:9px;height:9px;overflow:hidden;margin-right:5px;text-indent:-999px;cursor:pointer;background:url("images/icoCircle.gif") 0 -9px no-repeat;}*/
/*.picScroll-left2 .hd ul li.on {background-position:0 0;}*/
/*.picScroll-left2 .bd {padding:10px;}*/
.picScroll-left2 .bd ul {margin-left: -10px;margin-right: -10px;}
.picScroll-left2 .bd ul li {float:left;text-align:center;padding: 0 10px;}
.picScroll-left2 .bd ul li .box {
    background: #fff;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.picScroll-left2 .bd ul li .box:hover {
    -webkit-box-shadow:0 15px 30px rgba(0,0,0,0.2);
    box-shadow:0 15px 30px rgba(0,0,0,0.2);
    -webkit-transform:translate3d(0, -2px, 0);
    transform:translate3d(0, -2px, 0)
}
.picScroll-left2 .bd ul li .main_pic {text-align:center;overflow:hidden;padding: 20px 40px;}
.picScroll-left2 .bd ul li .pic2 img {width:auto;}
.picScroll-left2 .bd ul li .pic2 a:hover img {border-color:#999;}

.picScroll-left2 .bd ul li h5{ font-size: 20px; color: #1d1819; text-align: center; padding-top: 10px; padding-bottom: 10px; transition: 0.3s;}
.picScroll-left2 .bd ul li p{ font-size: 18px;text-align: center;transition: 0.3s; height: 60px; line-height: 60px;}





.other-cate {
    padding: 120px 0;
    margin-left: -10px;
    margin-right: -10px;
}
.other-cate .item {
    position: relative;
    overflow: hidden;
    padding: 0 10px;
    margin-bottom: 0;
}
.other-cate .item .box {
    position: relative;
    background: #fff;
    overflow: hidden;
}
.other-cate .item .tit {
    z-index: 2;
    position: absolute;
    left: 30px;
    top: 30px;
    color: #fff;
    font-size: 18px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.other-cate .item .icon-more {
    z-index: 2;
    position: absolute;
    left: 30px;
    top: 70px;
    width: 25px;
    height: 26px;
    background: url(../images/icon-more2.png) no-repeat center;
    opacity: 0;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.other-cate .item .box:hover .icon-more {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
.other-cate .item .box img {
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.other-cate .item .box:hover img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}


/*新闻详情页*/
.news-location .ep { padding: 0 5px; }
.icon-eye { width: 21px; height: 11px; background: url(../images/eye.png) no-repeat center; position: relative; top: -2px; }
.news-show-left { float: left; width: 900px; }
.news-show-cont { width: 100%; background: #fff; border: 1px solid #eee; }
.news-show-left .news-title { padding: 40px 40px; padding-bottom: 30px; }
.news-show-left .news-title h2 { font-size: 36px; color: #333; padding-bottom: 10px; font-weight: normal; line-height: 1.5; }
.news-show-left .news-title p { font-size: 14px; color: #6b6b6b; padding-bottom: 28px; border-bottom: 1px solid #ddd; }
.news-show-left .news-title p a { color: #6b6b6b; }
.news-show-left .news-title p a:hover{color: #3890ff;}
.news-show-left .news-views { margin: 40px 40px 20px; margin-top: 0; font-size: 16px; min-height: 600px; color: #666; line-height: 1.75; overflow: hidden; }
.news-show-left .news-views img { max-width: 100% !important; }
.news-show-left .news-views p { margin-bottom: 5px; font-size: 16px !important; }
.news-show-left .news-views span { font-size: 16px !important; }
.news-show-left .news-other { padding: 20px 15px; border-top: 1px #f1f1f1 solid; }
.news-show-left .news-other p { display: block; height: 40px; line-height: 40px; padding-left: 3px; }
.news-show-left .news-other p a { font-size: 14px; color: #333; }
.news-show-left .news-other p a:hover { color: #3890ff; }
.news-show-left .share-bar { padding: 20px 40px; }
.news-show-left .share-bar .fl { position: relative; top: -3px; }
.news-show-right { float: right; width: 280px; }
.news-show-right dl { display: block; margin-top: 0; margin-bottom: 20px; background: #fff; border: 1px solid #eee; }
.news-show-right dl dt { display: block; height: 50px; line-height: 50px; position: relative; border-bottom: 1px #f1f1f1 solid; }
.news-show-right dl.tab dt { height: 50px; line-height: 50px; color: #1d1d1d; font-size: 18px; padding-left: 20px; }
.news-show-right dl.tab dd { position: relative; }
.news-show-right dl.tab dd ul { display: block; padding: 0 20px; }
.news-show-right dl.tab dd ul li { display: block; padding: 10px 0 10px; border-bottom: 1px #f1f1f1 solid; }
.news-show-right dl.tab dd ul li .pic { margin-right: 20px; width: 60px; height: 60px; overflow: hidden; position: relative; }
.news-show-right dl.tab dd ul li h5 { padding-top: 4px; padding-bottom: 10px; font-size: 14px; color: #666; display: block; line-height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.news-show-right dl.tab dd ul li h5 a { color: #333; }
.news-show-right dl.tab dd ul li h5 a:hover { color: #3890ff; }
.news-show-right dl.tab dd ul li .news-cate { color: #999; }
.news-show-right dl.tab dd ul li i { float: left; font-size: 12px; color: #999; }
.news-show-right dl.tab dd ul li em { float: right; padding-left: 25px; font-size: 12px; color: #999;/* background: url(../images/eye.png) no-repeat left center; */ font-style: normal; }
.news-show-right dl.tab dd .more { color: #333; height: 45px; line-height: 45px; border-top: 1px #f1f1f1 solid; position: relative; top: -1px; text-align: center; }
.news-show-right dl.tab dd .more a { display: inline-block; position: relative; color: #333; }
.news-show-right dl.tab dd .more a b { margin-left: 5px; -webkit-transition: transform .3s; -o-transition: transform .3s; transition: transform .3s; }
.news-show-right dl.tab dd .more a:hover b { -webkit-transform: translateX(5px); -ms-transform: translateX(5px); -o-transform: translateX(5px); transform: translateX(5px); }
.news-show-right dl.tab dd .more a:hover { color: #3890ff; }
.news-show-right dl.list dt { padding-left: 20px; color: #333; font-size: 18px; }
.news-show-right dl.tab dt a { width: 33%; height: 42px; line-height: 42px; text-align: center; display: table-cell; color: #009A62; font-size: 18px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.news-show-right dl.list dt a b { width: 15px; height: 15px; overflow: hidden; display: inline-block; vertical-align: middle; background-position: 0 -64px; margin-left: 2px; position: relative; top: -1px; }
.news-show-right dl.list dd ul { display: block; padding: 20px; }
.news-show-right dl.list dd ul li { padding-bottom: 12px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.news-show-right dl.list dd ul li a { position: relative;/* padding-left: 10px;*/ display: inline-block; color: #666; font-size: 14px; -webkit-transition: .2s; -o-transition: .2s; transition: .2s; }
/*.news-show-right dl.list dd ul li:before { content: "·"; color: #666; }*/
.news-show-right dl.list dd ul li a:hover { color: #3890ff; }
.news-page-other { margin-top: 20px; border: 1px solid #eee; padding: 20px 40px; background: #fff; }
.news-page-other p { line-height: 26px; font-size: 14px; color: #949494; }
.news-page-other p a { color: #6b6b6b; }
.news-page-other p a:hover { color: #3890ff; }
.news-page-other .p-prev { margin-bottom: 10px; }
.news-page-other .com-back-btn { margin-top: 14px; }


.main{width: 1000px;margin: 16px auto 50px;min-height: 500px;}
.main .m_left{width: 220px;background: #f3f3f3;}
.main .m_left .left_cate{width: 220px;/*height: 470px;*/padding-bottom: 20px;}
.main .m_left .left_tit{height: 54px;width: 220px;background: #ff6600;overflow:hidden;color: #fff;font-size: 16px;line-height: 54px;}
.main .m_left .left_tit b{font-size: 18px;font-weight: 500;padding-left: 20px;}
.main .m_left .search{width: 183px;height: 27px;background: url(../images/ico.png) 0 0 no-repeat;margin: 20px auto 0;}
.search .key{height: 27px;width: 145px;border:none;line-height: 27px;margin-left: 10px;background:none;float: left;color: #aaa;}
.search .sub{width: 27px;height: 27px;float: left;background: none;border: none;cursor: pointer;}
.main .m_left .cate_list{width: 220px;line-height: 32px;overflow: hidden;}
.main .m_left .cate_list ul{padding-top: 10px;}
.main .m_left .cate_list li{font-size: 14px;padding-left: 20px;margin-bottom: 4px;height: 32px;overflow: hidden;}
.main .m_left .cate_list li:hover{background: #eaeaea;}
.main .m_left .cate_list li a{display: block;}
.main .m_left .cate_list li a i{width: 10px;height: 15px;display: block;background: url(../images/ico.png) 0 -29px no-repeat;float: left;margin: 9px 5px 0 0;}
.main .m_left .cate_list li a:hover i,.main .m_left .cate_list .cur a i{background: url(../images/ico.png) -8px -29px no-repeat;}
.main .m_left .cate_list .cur{background: #eaeaea;}
.main .m_left .cate_list .cur a{color:#ff6600;}

.main .m_left .contact_con{width: 190px;padding: 15px 10px 20px 20px;line-height: 30px;}
.main .m_left .contact_con p{width: 180px;text-align: center;padding-top: 15px;line-height: 20px;}
.main .m_left .contact_con b{font-size: 18px;font-weight: 500;color: #ff6600;}

.main .m_right{width: 750px;min-height: 500px;}
.m_right .r_top{height: 50px;line-height: 55px;border-bottom: 1px solid #dadada;}
.m_right .r_top b{font-size: 18px;float: left;font-weight: 500;}
.m_right .r_top b i{width: 17px;height: 17px;background: url(../images/ico.png) 0px -45px no-repeat;display: block;float: left;margin: 19px 10px 0 0}
.m_right .r_top .location{float: right;font-family: sans-serif;color: #757575}
.m_right .r_top .location a{color: #757575;}
.m_right .r_top .location a:hover{color: #ff6600;}
.m_right .pro_list{width: 730px;padding-top: 20px;margin: 0 auto;}
.m_right .pro_list ul{width: 780px;}
.m_right .pro_list li{width: 213px;height: 250px;overflow:hidden;border: 1px solid #e0e0e0;box-shadow: 0 0 5px #fff;float: left;margin: 0 41px 40px 0;}
.m_right .pro_list li:hover{border: 1px solid #dadada;box-shadow: 0 0 12px #ccc;}
.m_right .pro_list li .pro_img{width: 200px;height: 200px;margin: 7px auto;text-align: center;line-height: 200px;font-size: 0}
.m_right .pro_list li .pro_img img{max-width: 100%;max-height: 100%;vertical-align: middle;}
.m_right .pro_list li p{width: 200px;height: 30px;line-height: 30px;text-align: center;margin: 0 auto;font-size: 14px;}

.pro_content{width: 750px;padding: 0;min-height: 530px;line-height: 30px;padding: 20px 0;font-size: 14px;}
.rel_content{width: 750px;margin: 24px 0 0;min-height: 240px;}
.rel_list{width: 780px;padding-top: 20px;}
.rel_list li{width: 213px;height: 250px;border: 1px solid #e0e0e0;box-shadow: 0 0 5px #fff;float: left;margin: 0 8px 10px 8px;overflow: hidden;}
.rel_list li:hover{border: 1px solid #dadada;box-shadow: 0 0 5px #d1d1d1;}
.rel_list li .pro_img{width: 200px;height: 200px;margin: 7px auto;line-height: 200px;font-size: 0;text-align: center;}
.rel_list li .pro_img img{max-width: 100%;max-height: 100%;vertical-align: middle;}
.rel_list li p{width: 200px;height: 30px;line-height: 30px;text-align: center;margin: 0 auto;font-size: 14px;}


.rel_content .slideGroup{ width:730px;text-align:left;}
.rel_content .slideGroup .slideBox{ overflow:hidden; zoom:1; padding:0 0 0 17px; position:relative;   }
.rel_content .slideGroup .sPrev,.slideGroup .sNext{ position:absolute; left:0px; top:125px; display:block; width:14px; height:24px;background:url(../images/ico.png) 0 -72px no-repeat; }
.rel_content .slideGroup .sNext{ left:auto; right:0px; background:url(../images/ico.png) -17px -72px no-repeat;   }
.rel_content .slideGroup .sPrev:hover{background:url(../images/ico.png) 0 -97px no-repeat;}
.rel_content .slideGroup .sNext:hover{background:url(../images/ico.png) -17px -97px no-repeat;}

.pages{height: 32px;width: 720px;background: #f3f3f3;overflow:hidden;margin-top: 21px;line-height: 32px;padding:0 15px;text-align: center;position: relative;}
.pages a{padding: 8px 12px;height: 32px;margin: 0 3px;}
.pages .current,.pages a:hover{padding: 8px 12px;background: #ff6600;height: 32px;color: #fff;}
.pages .fl{position: absolute;left: 10px}
.pages .fr{position: absolute;right: 10px}
.pages .fr select{width: 40px;height: 22px;border:1px solid #ccc;}


/*新闻详情*/
.news_con{min-height: 500px;}
.news_con .news_title{height: 126px;border-bottom: 1px solid #dadada;}
.news_con .news_title h1{font-size: 18px;text-align: center;padding: 30px 0 18px;}
.news_con .news_title h2{font-weight: 500;text-align: center;color: #868686;font-size: 14px;}
.news_content{min-height: 400px;line-height: 30px;padding: 20px 0 30px;font-size: 14px;}
.share{float: right;padding-left: 25px;background: url(../images/ico.png) -45px -144px no-repeat;}

.n_next{height: 120px;line-height: 30px;overflow: hidden;font-size: 14px;padding-top: 30px;}
.n_next .fl,.n_next .fr{width: 100%;float: left;}
.n_next .fl i{width: 10px;height: 15px;display: block;background: url(../images/ico.png) -20px -29px no-repeat;float: left;margin: 8px 5px 0 0;}
.n_next .fr i{width: 10px;height: 15px;display: block;background: url(../images/ico.png) -10px -29px no-repeat;float: left;margin: 8px 5px 0 0;}

.rel_news{padding: 10px 0;max-height: 248px;overflow: hidden;width: 100%;font-size: 14px;}
.rel_news li{height: 30px;line-height: 30px;border-bottom: 1px dashed #dadada;}
.rel_news li a{float: left;}
.rel_news li span{float: right;color: #999;}
.rel_news li i{width: 10px;height: 15px;display: block;background: url(../images/ico.png) -10px -29px no-repeat;float: left;margin: 8px 5px 0 0;}

.page_con{min-height: 500px;line-height: 30px;padding: 20px 0;font-size: 14px;}
.mp_qrd{position: absolute;right: 0;top:10px;text-align: center;line-height: 20px;}

.s_key{color: #ff6600;font-size: 22px;}
.s_con{font-size: 14px;padding-top: 20px;line-height: 30px;}

.news_content .thumb{width: 100%;text-align: center;overflow: hidden;}
.news_content .thumb img{max-width: 100%;}



.pages_box {height:32px;line-height:32px;margin-top: 50px; margin-bottom: 100px; text-align:center;clear:both;}
.pages_box a {background:#999;font-size:14px; display: inline-block; width: 32px; height: 32px; line-height: 32px; color:#fff;margin:0 7px;}
.pages_box span,.pages_box a:hover { background:#e60012;color:#fff;font-size:14px;}
.pages_box span { display: inline-block; width: 32px; height: 32px; line-height: 32px; margin:0 7px;font-size:14px;}
.pages_box a.prev:before,.pages_box a.prev_disabled:before {content:"上一页";font-family:微软雅黑}
.pages_box a.next:before,.pages_box a.next_disabled:before {content:"下一页";font-family:微软雅黑 }
.pages_box a.prev_disabled{width: 60px;}
.pages_box a.next{width: 60px;}
.pages_box a.prev{width: 60px;}
.pages_box a.next_disabled{width: 60px;}


/*友情链接*/
/*.gr-links {
    display: none;
    padding-bottom: 15px;
    color: #5c5a5a;
}
.gr-links a {
    margin-left: 10px;
    color: #5c5a5a;
}
.gr-links a:hover {
    color: #bf2a33;
}*/